<div id="header">
	<!------------------收藏--------------------------------->
	<div class="top">
		<div class="content">
			<div class="collection">
				<img src="images/star.png" />收藏非凡商城
			</div>
			<div class="welcome">
				<span>欢迎来到非凡商城！</span>
				<a href="#">[登录]</a>
				<a href="#">[免费注册]</a>

			</div>

		</div>
	</div>
	<!------------------------标志------------------------------------>
	<div class="logo">
		<div class="content">
			<div class="logo_left">
				<img src="images/logo.png" />
			</div>

			<div class="input_center">
				<input type="search" name="search" id="search_form" />
				<input type="button" name="but" value="搜索" />
			</div>

			<div class="input_right">
				<img src="images/shop.png" />

				<a href="#">购物车(0)</a>
			</div>

		</div>

	</div>
	<!--------------导航条---------------------->
	<div class="nav">
		<div class="content">

			<div class="all-goods">
				<div class="all">全部商品分类<img src="images/jiantou.png" /></div>
				<!---------下拉条------------->
				<ul class="pull_down">
					
					<!--开始-->
					<li>
						<p>
							<span class="word"><a href="#">手机数码</a> </span>
							<span class="word1"><a href="#">合约机</a></span>
							<span class="arrow"><img src="images/jt.png"/></span>
						</p>
						<p>
							<span class="word2">
								<a href="#">荣耀3X</a>&nbsp;
								<a href="#">单反</a>&nbsp;
								<a href="#">智能设备</a>
							</span>
						</p>
						<div class="sub-menu">

							<div class="menu1">
								<div class="menu_left">电脑整机</div>
								<div class="menu_right">
									<ul>
										<li><a href="#">笔记本</a></li>
										<li><a href="#">超级本</a></li>
										<li><a href="#">上网本</a></li>
										<li><a href="#">平板电脑</a></li>
										<li><a href="#">台式机</a></li>
									</ul>
								</div>
							</div>
							
							<div class="menu1">
								<div class="menu_left">装机配件</div>
								<div class="menu_right">
									<ul>
										<li><a href="#">CPU</a></li>
										<li><a href="#">硬盘</a></li>
										<li><a href="#">SSD固态硬盘</a></li>
										<li><a href="#">内存</a></li>
										<li><a href="#">显示</a></li>
										<li><a href="#">智能显示器</a></li>
										<li><a href="#">主板</a></li>
										<li><a href="#">显卡</a></li>
										<li><a href="#">机箱</a></li>
										<li><a href="#">电源</a></li>
										<li><a href="#">散热器</a></li>
										<li><a href="#">刻录机/光驱</a></li>
										<li><a href="#">拓展卡</a></li>
										<li><a href="#">服务器配件</a></li>
										<li><a href="#">DIY小附件</a></li>
										<li><a href="#">装机/配件安装</a></li>
									</ul>
								</div>
							</div>
							
							
							<div class="menu1">
								<div class="menu_left">整机附件</div>
								<div class="menu_right">
									<ul>
										<li><a href="#">电脑包</a></li>
										<li><a href="#">电脑桌</a></li>
										<li><a href="#">电池</a></li>
										<li><a href="#">电源适配器</a></li>
										<li><a href="#">贴膜</a></li>
										<li><a href="#">清洁用品</a></li>
										<li><a href="#">笔记本散热器</a></li>
										<li><a href="#">USB扩展</a></li>
										<li><a href="#">平板配件</a></li>
										<li><a href="#">特色附件</a></li>
										<li><a href="#">插座网线/电话线</a></li>
										<li><a href="#">影音线材</a></li>
										<li><a href="#">电脑线材</a></li>
									</ul>
								</div>
							</div>
							
							<div class="menu1">
								<div class="menu_left">电脑外设</div>
								<div class="menu_right">
									<ul>
										<li><a href="#">鼠标</a></li>
										<li><a href="#">键盘</a></li>
										<li><a href="#">游戏外设</a></li>
										<li><a href="#">移动硬盘</a></li>
										<li><a href="#">摄像头</a></li>
										<li><a href="#">高清播放器</a></li>
										<li><a href="#">外置盒</a></li>
										<li><a href="#">移动硬盘包</a></li>
										<li><a href="#">手写板/绘图板</a></li>
									</ul>
								</div>
							</div>
							
							<div class="menu1">
								<div class="menu_left">网络设备</div>
								<div class="menu_right">
									<ul>
										<li><a href="#">路由器</a></li>
										<li><a href="#">网卡</a></li>
										<li><a href="#">3G无线上网</a></li>
										<li><a href="#">交换机</a></li>
										<li><a href="#">网络存储</a></li>
										<li><a href="#">布线工具</a></li>
										<li><a href="#">网络配件</a></li>
										<li><a href="#">正版软件</a></li>
									</ul>
								</div>
							</div>
							
							<div class="menu1">
								<div class="menu_left">音频设备</div>
								<div class="menu_right">
									<ul>
										<li><a href="#">音响</a></li>
										<li><a href="#">耳机/耳麦</a></li>
										<li><a href="#">麦克风</a></li>
										<li><a href="#">声卡</a></li>
										<li><a href="#">音频附件</a></li>
										<li><a href="#">录音笔</a></li>
									</ul>
								</div>
							</div>
							<!--最后一个--> 
							<div class="menu1">
								<div class="m_left">
									<a href="#">电脑整机频道 <span><img src="images/jjjjj.png"/></span></a>
								</div>
								<div class="m_right">
									<a href="#">电脑整机频道 <span><img src="images/jjjjj.png"/></span></a>
								</div>
							</div>
						</div>

					</li>
                     
                  <!--结束-->
                  <!--开始-->
					<li>
						<p>
							<span class="word"><a href="#">电脑 硬件外设</a> </span>
							<span class="word1"><a href="#">合约机</a></span>
							<span class="arrow"><img src="images/jt.png"/></span>
						</p>
						<p>
							<span class="word2">
								<a href="#">荣耀3X</a>&nbsp;
								<a href="#">单反</a>&nbsp;
								<a href="#">智能设备</a>
							</span>
						</p>
						<div class="sub-menu">

							<div class="menu1">
								<div class="menu_left">电脑整机</div>
								<div class="menu_right">
									<ul>
										<li><a href="#">笔记本</a></li>
										<li><a href="#">超级本</a></li>
										<li><a href="#">上网本</a></li>
										<li><a href="#">平板电脑</a></li>
										<li><a href="#">台式机</a></li>
									</ul>
								</div>
							</div>
							
							<div class="menu1">
								<div class="menu_left">装机配件</div>
								<div class="menu_right">
									<ul>
										<li><a href="#">CPU</a></li>
										<li><a href="#">硬盘</a></li>
										<li><a href="#">SSD固态硬盘</a></li>
										<li><a href="#">内存</a></li>
										<li><a href="#">显示</a></li>
										<li><a href="#">智能显示器</a></li>
										<li><a href="#">主板</a></li>
										<li><a href="#">显卡</a></li>
										<li><a href="#">机箱</a></li>
										<li><a href="#">电源</a></li>
										<li><a href="#">散热器</a></li>
										<li><a href="#">刻录机/光驱</a></li>
										<li><a href="#">拓展卡</a></li>
										<li><a href="#">服务器配件</a></li>
										<li><a href="#">DIY小附件</a></li>
										<li><a href="#">装机/配件安装</a></li>
									</ul>
								</div>
							</div>
							
							
							<div class="menu1">
								<div class="menu_left">整机附件</div>
								<div class="menu_right">
									<ul>
										<li><a href="#">电脑包</a></li>
										<li><a href="#">电脑桌</a></li>
										<li><a href="#">电池</a></li>
										<li><a href="#">电源适配器</a></li>
										<li><a href="#">贴膜</a></li>
										<li><a href="#">清洁用品</a></li>
										<li><a href="#">笔记本散热器</a></li>
										<li><a href="#">USB扩展</a></li>
										<li><a href="#">平板配件</a></li>
										<li><a href="#">特色附件</a></li>
										<li><a href="#">插座网线/电话线</a></li>
										<li><a href="#">影音线材</a></li>
										<li><a href="#">电脑线材</a></li>
									</ul>
								</div>
							</div>
							
							<div class="menu1">
								<div class="menu_left">电脑外设</div>
								<div class="menu_right">
									<ul>
										<li><a href="#">鼠标</a></li>
										<li><a href="#">键盘</a></li>
										<li><a href="#">游戏外设</a></li>
										<li><a href="#">移动硬盘</a></li>
										<li><a href="#">摄像头</a></li>
										<li><a href="#">高清播放器</a></li>
										<li><a href="#">外置盒</a></li>
										<li><a href="#">移动硬盘包</a></li>
										<li><a href="#">手写板/绘图板</a></li>
									</ul>
								</div>
							</div>
							
							<div class="menu1">
								<div class="menu_left">网络设备</div>
								<div class="menu_right">
									<ul>
										<li><a href="#">路由器</a></li>
										<li><a href="#">网卡</a></li>
										<li><a href="#">3G无线上网</a></li>
										<li><a href="#">交换机</a></li>
										<li><a href="#">网络存储</a></li>
										<li><a href="#">布线工具</a></li>
										<li><a href="#">网络配件</a></li>
										<li><a href="#">正版软件</a></li>
									</ul>
								</div>
							</div>
							
							<div class="menu1">
								<div class="menu_left">音频设备</div>
								<div class="menu_right">
									<ul>
										<li><a href="#">音响</a></li>
										<li><a href="#">耳机/耳麦</a></li>
										<li><a href="#">麦克风</a></li>
										<li><a href="#">声卡</a></li>
										<li><a href="#">音频附件</a></li>
										<li><a href="#">录音笔</a></li>
									</ul>
								</div>
							</div>
							<!--最后一个--> 
							<div class="menu1">
								<div class="m_left">
									<a href="#">电脑整机频道 <span><img src="images/jjjjj.png"/></span></a>
								</div>
								<div class="m_right">
									<a href="#">电脑整机频道 <span><img src="images/jjjjj.png"/></span></a>
								</div>
							</div>
						</div>

					</li>
                     
                  <!--结束-->
                  <!--开始-->
					<li>
						<p>
							<span class="word"><a href="#">大家电</a> </span>
							<span class="word1"><a href="#">合约机</a></span>
							<span class="arrow"><img src="images/jt.png"/></span>
						</p>
						<p>
							<span class="word2">
								<a href="#">荣耀3X</a>&nbsp;
								<a href="#">单反</a>&nbsp;
								<a href="#">智能设备</a>
							</span>
						</p>
						<div class="sub-menu">

							<div class="menu1">
								<div class="menu_left">电脑整机</div>
								<div class="menu_right">
									<ul>
										<li><a href="#">笔记本</a></li>
										<li><a href="#">超级本</a></li>
										<li><a href="#">上网本</a></li>
										<li><a href="#">平板电脑</a></li>
										<li><a href="#">台式机</a></li>
									</ul>
								</div>
							</div>
							
							<div class="menu1">
								<div class="menu_left">装机配件</div>
								<div class="menu_right">
									<ul>
										<li><a href="#">CPU</a></li>
										<li><a href="#">硬盘</a></li>
										<li><a href="#">SSD固态硬盘</a></li>
										<li><a href="#">内存</a></li>
										<li><a href="#">显示</a></li>
										<li><a href="#">智能显示器</a></li>
										<li><a href="#">主板</a></li>
										<li><a href="#">显卡</a></li>
										<li><a href="#">机箱</a></li>
										<li><a href="#">电源</a></li>
										<li><a href="#">散热器</a></li>
										<li><a href="#">刻录机/光驱</a></li>
										<li><a href="#">拓展卡</a></li>
										<li><a href="#">服务器配件</a></li>
										<li><a href="#">DIY小附件</a></li>
										<li><a href="#">装机/配件安装</a></li>
									</ul>
								</div>
							</div>
							
							
							<div class="menu1">
								<div class="menu_left">整机附件</div>
								<div class="menu_right">
									<ul>
										<li><a href="#">电脑包</a></li>
										<li><a href="#">电脑桌</a></li>
										<li><a href="#">电池</a></li>
										<li><a href="#">电源适配器</a></li>
										<li><a href="#">贴膜</a></li>
										<li><a href="#">清洁用品</a></li>
										<li><a href="#">笔记本散热器</a></li>
										<li><a href="#">USB扩展</a></li>
										<li><a href="#">平板配件</a></li>
										<li><a href="#">特色附件</a></li>
										<li><a href="#">插座网线/电话线</a></li>
										<li><a href="#">影音线材</a></li>
										<li><a href="#">电脑线材</a></li>
									</ul>
								</div>
							</div>
							
							<div class="menu1">
								<div class="menu_left">电脑外设</div>
								<div class="menu_right">
									<ul>
										<li><a href="#">鼠标</a></li>
										<li><a href="#">键盘</a></li>
										<li><a href="#">游戏外设</a></li>
										<li><a href="#">移动硬盘</a></li>
										<li><a href="#">摄像头</a></li>
										<li><a href="#">高清播放器</a></li>
										<li><a href="#">外置盒</a></li>
										<li><a href="#">移动硬盘包</a></li>
										<li><a href="#">手写板/绘图板</a></li>
									</ul>
								</div>
							</div>
							
							<div class="menu1">
								<div class="menu_left">网络设备</div>
								<div class="menu_right">
									<ul>
										<li><a href="#">路由器</a></li>
										<li><a href="#">网卡</a></li>
										<li><a href="#">3G无线上网</a></li>
										<li><a href="#">交换机</a></li>
										<li><a href="#">网络存储</a></li>
										<li><a href="#">布线工具</a></li>
										<li><a href="#">网络配件</a></li>
										<li><a href="#">正版软件</a></li>
									</ul>
								</div>
							</div>
							
							<div class="menu1">
								<div class="menu_left">音频设备</div>
								<div class="menu_right">
									<ul>
										<li><a href="#">音响</a></li>
										<li><a href="#">耳机/耳麦</a></li>
										<li><a href="#">麦克风</a></li>
										<li><a href="#">声卡</a></li>
										<li><a href="#">音频附件</a></li>
										<li><a href="#">录音笔</a></li>
									</ul>
								</div>
							</div>
							<!--最后一个--> 
							<div class="menu1">
								<div class="m_left">
									<a href="#">电脑整机频道 <span><img src="images/jjjjj.png"/></span></a>
								</div>
								<div class="m_right">
									<a href="#">电脑整机频道 <span><img src="images/jjjjj.png"/></span></a>
								</div>
							</div>
						</div>

					</li>
                     
                  <!--结束-->
                  <!--开始-->
					<li>
						<p>
							<span class="word"><a href="#">厨房/生活电器</a> </span>
							<span class="word1"><a href="#">合约机</a></span>
							<span class="arrow"><img src="images/jt.png"/></span>
						</p>
						<p>
							<span class="word2">
								<a href="#">荣耀3X</a>&nbsp;
								<a href="#">单反</a>&nbsp;
								<a href="#">智能设备</a>
							</span>
						</p>
						<div class="sub-menu">

							<div class="menu1">
								<div class="menu_left">电脑整机</div>
								<div class="menu_right">
									<ul>
										<li><a href="#">笔记本</a></li>
										<li><a href="#">超级本</a></li>
										<li><a href="#">上网本</a></li>
										<li><a href="#">平板电脑</a></li>
										<li><a href="#">台式机</a></li>
									</ul>
								</div>
							</div>
							
							<div class="menu1">
								<div class="menu_left">装机配件</div>
								<div class="menu_right">
									<ul>
										<li><a href="#">CPU</a></li>
										<li><a href="#">硬盘</a></li>
										<li><a href="#">SSD固态硬盘</a></li>
										<li><a href="#">内存</a></li>
										<li><a href="#">显示</a></li>
										<li><a href="#">智能显示器</a></li>
										<li><a href="#">主板</a></li>
										<li><a href="#">显卡</a></li>
										<li><a href="#">机箱</a></li>
										<li><a href="#">电源</a></li>
										<li><a href="#">散热器</a></li>
										<li><a href="#">刻录机/光驱</a></li>
										<li><a href="#">拓展卡</a></li>
										<li><a href="#">服务器配件</a></li>
										<li><a href="#">DIY小附件</a></li>
										<li><a href="#">装机/配件安装</a></li>
									</ul>
								</div>
							</div>
							
							
							<div class="menu1">
								<div class="menu_left">整机附件</div>
								<div class="menu_right">
									<ul>
										<li><a href="#">电脑包</a></li>
										<li><a href="#">电脑桌</a></li>
										<li><a href="#">电池</a></li>
										<li><a href="#">电源适配器</a></li>
										<li><a href="#">贴膜</a></li>
										<li><a href="#">清洁用品</a></li>
										<li><a href="#">笔记本散热器</a></li>
										<li><a href="#">USB扩展</a></li>
										<li><a href="#">平板配件</a></li>
										<li><a href="#">特色附件</a></li>
										<li><a href="#">插座网线/电话线</a></li>
										<li><a href="#">影音线材</a></li>
										<li><a href="#">电脑线材</a></li>
									</ul>
								</div>
							</div>
							
							<div class="menu1">
								<div class="menu_left">电脑外设</div>
								<div class="menu_right">
									<ul>
										<li><a href="#">鼠标</a></li>
										<li><a href="#">键盘</a></li>
										<li><a href="#">游戏外设</a></li>
										<li><a href="#">移动硬盘</a></li>
										<li><a href="#">摄像头</a></li>
										<li><a href="#">高清播放器</a></li>
										<li><a href="#">外置盒</a></li>
										<li><a href="#">移动硬盘包</a></li>
										<li><a href="#">手写板/绘图板</a></li>
									</ul>
								</div>
							</div>
							
							<div class="menu1">
								<div class="menu_left">网络设备</div>
								<div class="menu_right">
									<ul>
										<li><a href="#">路由器</a></li>
										<li><a href="#">网卡</a></li>
										<li><a href="#">3G无线上网</a></li>
										<li><a href="#">交换机</a></li>
										<li><a href="#">网络存储</a></li>
										<li><a href="#">布线工具</a></li>
										<li><a href="#">网络配件</a></li>
										<li><a href="#">正版软件</a></li>
									</ul>
								</div>
							</div>
							
							<div class="menu1">
								<div class="menu_left">音频设备</div>
								<div class="menu_right">
									<ul>
										<li><a href="#">音响</a></li>
										<li><a href="#">耳机/耳麦</a></li>
										<li><a href="#">麦克风</a></li>
										<li><a href="#">声卡</a></li>
										<li><a href="#">音频附件</a></li>
										<li><a href="#">录音笔</a></li>
									</ul>
								</div>
							</div>
							<!--最后一个--> 
							<div class="menu1">
								<div class="m_left">
									<a href="#">电脑整机频道 <span><img src="images/jjjjj.png"/></span></a>
								</div>
								<div class="m_right">
									<a href="#">电脑整机频道 <span><img src="images/jjjjj.png"/></span></a>
								</div>
							</div>
						</div>

					</li>
                     
                  <!--结束-->
                  <!--开始-->
					<li>
						<p>
							<span class="word"><a href="#">食品/饮料/生鲜</a> </span>
							<span class="word1"><a href="#">合约机</a></span>
							<span class="arrow"><img src="images/jt.png"/></span>
						</p>
						<p>
							<span class="word2">
								<a href="#">荣耀3X</a>&nbsp;
								<a href="#">单反</a>&nbsp;
								<a href="#">智能设备</a>
							</span>
						</p>
						<div class="sub-menu">

							<div class="menu1">
								<div class="menu_left">电脑整机</div>
								<div class="menu_right">
									<ul>
										<li><a href="#">笔记本</a></li>
										<li><a href="#">超级本</a></li>
										<li><a href="#">上网本</a></li>
										<li><a href="#">平板电脑</a></li>
										<li><a href="#">台式机</a></li>
									</ul>
								</div>
							</div>
							
							<div class="menu1">
								<div class="menu_left">装机配件</div>
								<div class="menu_right">
									<ul>
										<li><a href="#">CPU</a></li>
										<li><a href="#">硬盘</a></li>
										<li><a href="#">SSD固态硬盘</a></li>
										<li><a href="#">内存</a></li>
										<li><a href="#">显示</a></li>
										<li><a href="#">智能显示器</a></li>
										<li><a href="#">主板</a></li>
										<li><a href="#">显卡</a></li>
										<li><a href="#">机箱</a></li>
										<li><a href="#">电源</a></li>
										<li><a href="#">散热器</a></li>
										<li><a href="#">刻录机/光驱</a></li>
										<li><a href="#">拓展卡</a></li>
										<li><a href="#">服务器配件</a></li>
										<li><a href="#">DIY小附件</a></li>
										<li><a href="#">装机/配件安装</a></li>
									</ul>
								</div>
							</div>
							
							
							<div class="menu1">
								<div class="menu_left">整机附件</div>
								<div class="menu_right">
									<ul>
										<li><a href="#">电脑包</a></li>
										<li><a href="#">电脑桌</a></li>
										<li><a href="#">电池</a></li>
										<li><a href="#">电源适配器</a></li>
										<li><a href="#">贴膜</a></li>
										<li><a href="#">清洁用品</a></li>
										<li><a href="#">笔记本散热器</a></li>
										<li><a href="#">USB扩展</a></li>
										<li><a href="#">平板配件</a></li>
										<li><a href="#">特色附件</a></li>
										<li><a href="#">插座网线/电话线</a></li>
										<li><a href="#">影音线材</a></li>
										<li><a href="#">电脑线材</a></li>
									</ul>
								</div>
							</div>
							
							<div class="menu1">
								<div class="menu_left">电脑外设</div>
								<div class="menu_right">
									<ul>
										<li><a href="#">鼠标</a></li>
										<li><a href="#">键盘</a></li>
										<li><a href="#">游戏外设</a></li>
										<li><a href="#">移动硬盘</a></li>
										<li><a href="#">摄像头</a></li>
										<li><a href="#">高清播放器</a></li>
										<li><a href="#">外置盒</a></li>
										<li><a href="#">移动硬盘包</a></li>
										<li><a href="#">手写板/绘图板</a></li>
									</ul>
								</div>
							</div>
							
							<div class="menu1">
								<div class="menu_left">网络设备</div>
								<div class="menu_right">
									<ul>
										<li><a href="#">路由器</a></li>
										<li><a href="#">网卡</a></li>
										<li><a href="#">3G无线上网</a></li>
										<li><a href="#">交换机</a></li>
										<li><a href="#">网络存储</a></li>
										<li><a href="#">布线工具</a></li>
										<li><a href="#">网络配件</a></li>
										<li><a href="#">正版软件</a></li>
									</ul>
								</div>
							</div>
							
							<div class="menu1">
								<div class="menu_left">音频设备</div>
								<div class="menu_right">
									<ul>
										<li><a href="#">音响</a></li>
										<li><a href="#">耳机/耳麦</a></li>
										<li><a href="#">麦克风</a></li>
										<li><a href="#">声卡</a></li>
										<li><a href="#">音频附件</a></li>
										<li><a href="#">录音笔</a></li>
									</ul>
								</div>
							</div>
							<!--最后一个--> 
							<div class="menu1">
								<div class="m_left">
									<a href="#">电脑整机频道 <span><img src="images/jjjjj.png"/></span></a>
								</div>
								<div class="m_right">
									<a href="#">电脑整机频道 <span><img src="images/jjjjj.png"/></span></a>
								</div>
							</div>
						</div>

					</li>
                     
                  <!--结束-->
                  
			</div>

			<ul class="all_kind">
				<li><a href="#">数码城</a></li>
				<li><a href="#">天黑黑</a></li>
				<li><a href="#">团购</a></li>
				<li><a href="#">发现</a></li>
				<li><a href="#">二手特卖</a></li>
				<li><a href="#">名品汇</a></li>
			</ul>

		</div>
	</div>
</div>
<script type="text/javascript" src="js/jquery-2.1.0.js"></script>
<script type="text/javascript" src="js/jquery.rotate.min.js"></script>
<script type="text/javascript">
	$(document).ready(function() {
		//点击收起来
		var a = 0;
		$(".all-goods .all").click(function() {
			//全部商品分类
			$(this).next(".pull_down").slideToggle(500);
			//三角
			$(".all-goods .all img").rotate({
				angle: a, //起始角度
				animateTo: a + 180, //目标角度
				duration: 500, //动画时间
				callback: function() { //回调函数
					a = a == 180 ? 0 : 180;
				}
			});
		});
	});
</script>